<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body class="df fcolumn overflow">
    <header class="infoHeader rel">
        <div class="container">
            <span id="backBtn" class="iconfont icon-houtui abs"></span>
        </div>
    </header>
    <img src="../../assets/imgs/myimgs/course1.jpg" alt="">
    <main class="flex container">
        <!-- 巧克力腹肌雕刻部分 -->
        <div class="one">
            <h2 id="courseName"></h2>
            <div class="df cho">
                <p class="flex"><span>45</span>千卡</p>
                <p class="flex"><span>45</span>分钟</p>
                <p class="right"><span>99.99</span>w人练过&gt;</p>
            </div>
        </div>

        <!-- 用户名部分 -->
        <div class="info-box">
            <div class="info-name container df aic">
                <img alt="" id="imgUrl" class="info-head">
                <p class="f20 flex" id="nickNameTxt"></p>
                <span class="iconfont icon-shezhi-youjiantou"></span>
            </div>
            <p id="courseDesc"></p>
        </div>

        <!-- 下面 -->
        <div class="df jca info-bottom">
            <!-- 下面左边 -->
            <div class="flex info-data onea">
                <p class="info-dataone">
                    <span class="iconfont icon-shujuku"></span>
                    练习频次
                </p>
                <p>每周<span>3</span>- <span>5</span>次</p>
            </div>
            <!-- 下面右边 -->
            <div class="flex info-data">
                <p class="info-dataone">
                    <span class="iconfont icon-yaling"></span>
                    器械
                </p>
                <p>无</p>
            </div>
        </div>
    </main>

    <!-- 开始训练 -->
    <div class="container saveInfo f20" id="saveBtn">
        <p>开始训练</p>
    </div>
</body>

</html>